<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <script src="../build/react.js"></script>
  <script src="../build/react-dom.js"></script>
  <script src="../build/browser.min.js"></script>
  <title>demo7</title>
</head>
<body>
  <div id="example"></div>

  <script type="text/babel">

    var MyComponent = React.createClass({

      handleClick: function(){
        this.refs.myTextInput.focus();
      },
      render: function(){
        return (
          <div>
            <input type="text" ref="myTextInput" />
            <input type="button" value="Focus the text input" onClick={this.handleClick} />
          </div>
        );
      }
    });

    ReactDOM.render(
      <MyComponent />,
      document.getElementById('example')
    );
  </script>
</body>
</html>